<template>
	<view class="pp_nav_img" @click="skip(auth,type)">
		<image class="pp_nav_imgs" :src="iconPath">
		</image>
		<view class="menu-name" :class="lang!='zh'?'font_ru':''">
			{{ $t(title) }}
		</view>
	</view>
</template>

<script>
	export default {
		props: ["auth", "type", "title", "iconPath"],
		data() {
			return {
				lang: uni.getStorageSync("lang")
			}
		},
		methods: {
			skip(auth, type) {
				this.$u.route({
					url: 'pages/user/issue/delight',
					params: {
						name: auth,
						type: type
					}
				})
			},
		}
	}
</script>

<style lang="scss">
	.pp_nav_img {
		margin-top: 18rpx;
		width: 25%;
		text-align: center;
	}

	.menu-name {
		font-size: 24rpx;
		color: #3D3D3D;
		margin-top: 8rpx;
		margin-bottom: 18rpx;
	}

	.pp_nav_imgs {
		width: 60rpx;
		height: 60rpx
	}

	.font_ru {
		font-size: 18rpx !important;
	}
</style>